{include file="head" /}


<style>
    .scroll-content{
        overflow: scroll
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 90%;
    }
    .swiper-slide:nth-child(1n) {
        width: 100%;
    }
    .swiper-slide:nth-child(2n) {
        width: 100%;
    }
    body .demo-class .layui-layer-btn0{
        width: 70%;
    }
    body .demo-class .layui-layer-title{
        height: 54px;
    }
    .sygg ul li {
        width: 25%;
        float: left;
        color: #fff;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        cursor: pointer;
        text-align: center;
        background-color: rgb(38, 40, 52);
        border-bottom: 1px solid rgb(41, 44, 49);
    }
</style>
<body ng-app="starter" ng-controller="AppCtrl" class="grade-a platform-browser platform-win32 platform-ready"  >
<div id="stitle" class="layui-layer-title" style="padding-left: 45%; cursor: move;">null</div>

<ion-nav-bar class="bar-stable headerbar nav-bar-container" nav-bar-transition="ios" nav-bar-direction="none" nav-swipe="">
    <div class="nav-bar-block" nav-bar="cached">
        <ion-header-bar class="bar-stable headerbar bar bar-header" align-title="center"><div class="title title-center hangqing header-item" style="transition-duration: 0ms; transform: translate3d(-176.414px, 0px, 0px); opacity: 0;"></div><div class="buttons buttons-right" style="transition-duration: 0ms; opacity: 0;"></div></ion-header-bar></div><div class="nav-bar-block" nav-bar="active"><ion-header-bar class="bar-stable headerbar bar bar-header" align-title="center"><div class="buttons buttons-left" style="transition-duration: 0ms;"></div>
    <div style="width: 100%; height: 150px;position: absolute;top: 40px;background-color: #444;">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {volist name="data" id="vo"}
                <div class="swiper-slide" data-toggle="modal" data-target="#myModal"  onclick="openNotic('{$vo.id}','{$vo.title}','{$vo.text}','{$vo.create_at}')">
                    <img src="{$vo.filepath}" style="width: 100%;">
                </div>
                {/volist}
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="title title-center header-item" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);top: 190px;background-color: black">区块链交易所</div>
    <div class="title" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);top: 230px;background-color: rgb(38, 40, 52);height: 35px;">
        <div class="qoute-view-header view-header sygg" id="syg">
            <ul>
                <li class="shangpinmingcheng">商品名称</li>
                <li class="xianjia">现价</li>
                <li class="zuidi">最低</li>
                <li class="zuigao">最高</li>
            </ul>
        </div>
    </div>


</ion-header-bar></div></ion-nav-bar>
<ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="enter" nav-swipe=""><ion-tabs class="tabs-icon-top navbar pane tabs-bottom tabs-standard" abstract="true" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
    <div class="tab-nav tabs" style="bottom: 40px">

        <ion-tab href="#/tab/qoute" class="iconfont icon--6 tabnone"></ion-tab>

        <ion-tab href="#/tab/history/0" class="iconfont icon--7 tabnone"></ion-tab>

        <ion-tab href="#/tab/profile" class="iconfont icon--8 tabnone"></ion-tab>

        <a href="{:Url('/index/index/indexinfo/token/'.$token)}"  class="iconfont icon--6 tabnone tab-item tab-item-active" style=""><span class="tab-title ng-binding" >区块链</span></a>
        <a href="{:url('/index/order/hold/token/'.$token)}" class="iconfont icon--7 tabnone tab-item" style=""><span class="tab-title ng-binding jiaoyijilu" ></span></a>
        <a href="{:url('/index/user/index/token/'.$token)}"  class="iconfont icon--8 tabnone tab-item" style=""><span class="tab-title ng-binding" >个人账户</span></a>

    </div>
    <ion-nav-view name="tab-qoute" class="view-container tab-content" nav-view="active" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">
        <ion-view view-title="" hide-nav-bar="false" class="pane" state="tab.qoute" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
            <ion-content style="top: 0px;" class="content-background scroll-content ionic-scroll scroll-content-false  has-header has-tabs" scroll="false">

                <div class="slide-qoute slider" delegate-handle="slide-qoute" on-slide-changed="slide_change($index)" show-pager="false" style="visibility: visible;top: 190px;height: 100%">
                    <div class="slider-slides" ng-transclude="" style="width: 100%;">
                        <!-- ngRepeat: c in category_list --><ion-slide ng-repeat="c in category_list" class="slider-slide" data-index="0" style="width: 100%; left: 0px; transition-duration: 300ms; transform: translate(0px, 0px) translateZ(0px);">
                        <div class="qoute-view">
                            <div class="qoute-view-header" id="ss" >
                                <ul>
                                    <li class="shangpinmingcheng"></li>
                                    <li class="xianjia"></li>
                                    <li class="zuidi"></li>
                                    <li class="zuigao"></li>
                                </ul>
                            </div>
                            <div style="overflow: scroll;height: 90%">
                                <div class="qoute-view-content" style="height: 100%">
                                    <ion-scroll class="scroll-view ionic-scroll scroll-y"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">

                                        <!-- {volist name="pro" id="vo"} -->
                                        <ul onclick="parent.location='{:url('goods/goods',array('pid'=>$vo['pid'],'token'=>$token))}';"  id="pid{$vo.pid}">
                                            <li>
                                                <a href="javascript:;" class="ng-binding prtitle"></a>
                                            </li>
                                            <li>
                                                <a  href="javascript:;" class="ng-binding rise-value now-value">

                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="ng-binding rise rise-low">

                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="ng-binding rise rise-high">

                                                </a>
                                            </li>
                                        </ul>
                                        <!-- {/volist} -->

                                    </div>

                                        <!--<div class="order-p" id="J_order" style="display:none; bottom: 40px">-->
                                        <!--<div class="order-item">-->
                                        <!--<i class="iconfont icon&#45;&#45;5 rujin" style="color:#ecb540"></i> <span class="order-phone" style="color:#999"></span> &nbsp;<span class="order-rs" style="color:red"></span>-->
                                        <!--</div>-->
                                        <!--</div>-->

                                    </ion-scroll>
                                </div>
                            </div>
                        </div>
                    </ion-slide>


                    </div>
                </div>
            </ion-content>
        </ion-view></ion-nav-view></ion-tabs></ion-nav-view>
<div class="order-p" id="J_order" style="display:none; bottom: 70px; z-index: 9999">
    <div class="order-item">
        <i class="iconfont icon--5 rujin" style="color:#ecb540"></i> <span class="order-phone" style="color:#999"></span> &nbsp;<span class="order-rs" style="color:red"></span>
    </div>
</div>
<script>
    var order_list;
    var order_index = 0;
    var max_rand = 50;
    function order_show(){
        if(order_list != null && $("#J_order").is(":hidden")){
            if(order_index>=max_rand){
                order_index = 0;
            }
            $("#J_order").find(".order-phone").html(order_list[order_index]['phone']);
            $("#J_order").find(".order-rs").html('赢利+'+order_list[order_index]['price']+'元');
            $("#J_order").show();
            window.setTimeout(function(){
                $("#J_order").hide();
            },1500);
            order_index++;
        }
    }
    function order_start(){
        var rand = Math.ceil(Math.random()*100);
        if(rand>=80){
            if(order_list!=null){
                order_show();
            }
        }
    }
    $(document).ready(function(){
        $.ajax({
            type: "GET",
            contentType: "application/json;charset=utf-8",
            url: "/index/index/ajax_order",
            data: null,
            dataType: "json",
            complete: function () { },
            success: function (result) {
                order_list = result;
            },
            error: function (result, status) { }
        });
        /*
        $.get("/index/index/ajax_order",null,function(data){
            order_list = data;
        });
        */
        window.setInterval(order_start,1000);
    });
</script>
<script>

    var charturl = '{:url("getchart")}';
    $.get(charturl,function(_res){

        var res = jQuery.parseJSON(Base64.decode(_res));

        $.each(res,function(k,v){
            $('.'+k).html(v);
        })
    })
</script>
</body></html>

<script src="__HOME__/js/lk/index.js">ajaxpro()</script>
<script src="/static/index/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        centeredSlides: true,
        // spaceBetween: 13,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
<script type="text/javascript">
    function openNotic(id,title,content,time) {
        title = title+'<span style="position: absolute;top: 20px;left: 30%;">'+time+'</span>'
        layer.open({
            title: [title,' padding-left: 45%;'],
            content: content,
            area: ['80%', '400px'],
            btnAlign: 'c',
            offset: '100px',
            skin: 'demo-class'
        });
    }
</script>